<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width"/>
    <title>数据平台</title>
    <!-- <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.14&key=1f024cb74998ac2979524a086dc53199"></script> -->
    <script type="text/javascript"
            src="https://webapi.amap.com/maps?v=1.4.15&key=608d75903d29ad471362f8c58c550daf"></script>
    <script type="text/javascript"
            src="https://webapi.amap.com/loca?v=1.3.0&key=608d75903d29ad471362f8c58c550daf"></script>
    <script type="text/javascript" src="https://a.amap.com/Loca/static/mock/heatmapData.js"></script>
    <script type="text/javascript" src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>

    <script type="text/javascript" src="js/xterm.js"></script>

    <script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
    <!-- <script type="text/javascript" src="js/map/jquery.js"></script>  -->
    <script type="text/javascript" src="js/d3.min.js"></script>
    <!-- <script type="text/javascript" src="js/three.js"></script>  -->
    <script type="text/javascript" src="js/three.min.js"></script>
    <script type="text/javascript" src="js/map/svgParser.js"></script>
    <script type="text/javascript" src="js/map/svgInitialize.js"></script>
    <script type="text/javascript" src="js/map/maptalks.min.js"></script>
    <script type="text/javascript" src="js/map/maptalks.webgl.min.js"></script>
    <script type="text/javascript" src="js/map/maptalks.heatmap.min.js"></script>
    <script type="text/javascript" src="js/map/sprite.js"></script>
    <script type="text/javascript" src="js/map/tween.js"></script>
    <script type="text/javascript" src="js/web-socket.js"></script>
    <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g2-3.5.1/dist/g2.min.js"></script>
    <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.data-set-0.10.1/dist/data-set.min.js"></script>
    <link rel="stylesheet" href="styles/font/iconfont/iconfont.css">
    <link rel="stylesheet" href="styles/xterm.css">
    <link rel="stylesheet" href="styles/index.css">
    <style>
        /* 引入新字体 */
        @font-face {
            font-family: 'myNumberFamily';   /*字体名称*/
            src: url('styles/font/SourceHanSansCN-Normal.otf');  /*字体源文件*/
        }

        #ice-container {
            height: 100%;
        }

        /* Shell框架修改 */
        /* 头部 */
        .pipe-shell.next-shell .next-shell-header {
            height: 60px;
            background: #1B1B1B;
            border-bottom-width: 0;
            padding: 0 20px;
        }

        .pipe-shell.next-shell .next-shell-header .next-shell-branding .nav-trigger {
            display: none;
        }

        /* 头部导航菜单 */
        .next-nav.next-secondary .next-nav-item.next-menu-item {
            background-color: #1b1b1b !important;
        }

        .next-nav.next-normal .next-nav-item.next-menu-item {
            color: #999 !important;
            font-size: 12px !important;
            background: #3A3A3A !important;
            border-left: 2px solid #3A3A3A !important;
        }

        .next-nav.next-normal .next-nav-item.next-menu-item.next-focused,
        .next-nav.next-normal .next-nav-item.next-menu-item:hover,
        .next-nav.next-normal .next-nav-item.next-menu-item.activeNav {
            background: #5e5e5e !important;
            color: #fff !important;
            border-left: 2px solid #00B7EE !important;
        }

        .next-nav.next-normal .next-nav-item.next-menu-item:before {
            background-color: transparent !important;
        }

        .next-nav.next-ver .next-menu-item-inner {
            font-size: 12px !important;
        }

        .next-menu-item-inner {
            font-size: 12px !important;
        }

        /* 主体部分 */
        .pipe-shell.next-shell-light .next-shell-main {
            background: #f2f2f2;
        }

        /* 侧边导航 */
        .pipe-shell.next-shell-light .next-shell-aside.next-shell-navigation,
        .pipe-shell.next-shell-light .next-shell-aside .next-shell-localnavigation {
            padding: 0;
            width: 200px;
            -webkit-box-shadow: 4px 1px 12px rgba(48, 128, 254, .1);
            box-shadow: 4px 1px 12px rgba(48, 128, 254, .1);
            background: #3a3a3a;
            border-right-width: 0;
        }

        .pipe-shell.next-shell-light .next-shell-aside .local-nav-trigger {
            background: #f2f2f2;
        }

        .pipe-shell .next-shell-aside .aside-trigger {
            border-width: 0;
        }

        /* 菜单样式 */
        .pipe-shell .next-shell-aside .next-nav .next-nav-item.next-menu-item,
        .pipe-shell .next-aside-localnavigation .next-nav .next-nav-item.next-menu-item {
            color: #999;
            font-size: 12px;
            background: #3A3A3A;
            border-left: 2px solid #3A3A3A;
        }

        .pipe-shell .next-shell-aside .next-nav .next-nav-item.next-menu-item.next-focused,
        .pipe-shell .next-shell-aside .next-nav .next-nav-item.next-menu-item:hover,
        .pipe-shell .next-shell-aside .next-nav .next-nav-item.next-menu-item.activeNav {
            background: #5e5e5e;
            color: #fff;
            border-left: 2px solid #00B7EE;
        }

        .pipe-shell .next-shell-aside .next-nav.next-ver {
            font-size: 12px;
        }

        /* 多级菜单 */
        .pipe-shell .next-aside-localnavigation .next-nav.next-normal .next-nav-item.next-menu-item.next-child-selected,
        .pipe-shell .next-aside-localnavigation .next-nav.next-normal .next-nav-item.next-menu-item.next-opened {
            background: #5e5e5e;
            color: #fff;
        }

        .pipe-shell .next-aside-localnavigation .next-nav.next-normal .next-nav-item.next-menu-item.next-child-selected .next-menu-item-inner .next-menu-item-text,
        .pipe-shell .next-aside-localnavigation .next-nav.next-normal .next-nav-item.next-menu-item.next-opened .next-menu-item-inner .next-menu-item-text {
            font-weight: 700;
            color: #fff;
        }

        /* 主体内容部分 */
        .pipe-shell .next-shell-main .next-shell-content-inner {
            height: 100%;
        }

        /* 标题 */
        .container-header {
            background: #f2f2f2;
            font-size: 12px;
            color: #121e44;
            padding-bottom: 20px;
        }

        .container-header p {
            display: inline-block;
            font-weight: 700;
            margin: 0;
        }

        .container-main {
            margin-bottom: 0 !important;
            padding-bottom: calc(100% - 100px) !important;
        }

        /* 修改管理界面样式 */
        html, body {
            margin: 0;
            padding: 0;
            position: relative;
            height: 100%;
            font-family: 'Source Han Sans CN';
        }

        p {
            margin: 0;
        }

        /* 标题 */
        .container-header .next-btn.next-btn-normal.table-btn-return {
            border: 1px solid #F9756B;
            border-radius: 1px;
            background: #fff;
            color: #F9756B;
        }

        .container-header .next-btn.next-btn-normal.table-btn-return a {
            color: #F9756B;
        }


        /* 按钮统一管理 */
        /* 默认按钮 */
        .container-main .container-btnBox .next-btn.next-btn-normal,
        .container-main .container-btnBox .next-btn.next-btn-primary {
            border-width: 0;
            border-radius: 0px;
            font-size: 12px;
            color: #333;
            margin: 0 5px;
            padding: 0px 10px 0px 28px;
            border: 1px solid #D2D2D2;
        }

        /* 新建、新增、添加 */
        .container-main .next-btn.next-btn-normal.pipe-btn-add,
        .container-main .next-btn.next-btn-primary.pipe-btn-add {
            background: url('images/add.png');
            background-repeat: no-repeat;
            background-size: 12px 12px;
            background-position: 10px center;
            background-color: #00B7EE;
            color: #fff;
            border: 1px solid #00B7EE;
            height: 30px;
            line-height: 30px;
        }

        .container-main .next-btn.next-btn-normal.pipe-btn-add a {
            color: #fff;
        }

        /* 批量删除 */
        .container-main .pipe-btn-all-delete.next-btn.next-small.next-btn-primary.next-btn-text {
            background: url('images/delete.png');
            background-repeat: no-repeat;
            background-size: 12px 12px;
            background-position: 10px center;
            background-color: #F9756B;
            color: #fff;
            border: 1px solid #F9756B;
            height: 30px;
            line-height: 30px;
        }

        /* 修改、查看、详情、配置、管理 */
        .container-main .next-btn-text.next-btn-primary,
        .container-main .next-btn-text.pipe-btn-edit,
        .container-main .next-btn-text.next-btn-normal.pipe-btn-edit {
            border: 1px solid #00B7EE;
            border-radius: 1px;
            background: #00B7EE;
            margin-right: 10px;
            color: #fff;
        }

        .container-main .next-btn-text.next-btn-normal.pipe-btn-edit a {
            color: #fff;
        }

        .container-main .next-btn-text.next-btn-primary.pipe-btn-edit:focus,
        .container-main .next-btn-text.next-btn-primary.pipe-btn-edit:hover,
        .container-main .next-btn-text.next-btn-primary.pipe-btn-edit.hover,
        .container-main .next-btn-text.next-btn-primary.pipe-btn-edit:active,
        .container-main .next-btn-text.next-btn-primary.pipe-btn-edit.active {
            color: #fff;
            background-color: #00B7EE;
            border-color: #00B7EE !important;
        }

        /* 删除、冻结 */
        .container-main .pipe-btn-delete.next-btn-text,
        .container-main .pipe-btn-delete.next-btn-text:hover {
            border: 1px solid #F9756B;
            border-radius: 1px;
            background: #fff;
            color: #F9756B;
        }

        .container-main .pipe-btn-delete.next-btn-text a {
            color: #F9756B;
        }

        .container-main .next-btn-text.next-small {
            height: 24px;
            line-height: 22px;
            padding: 0 8px;
        }

        /* 表格开关按钮 */
        .table-btn-switch.next-switch-small {
            width: 44px;
            height: 20px;
        }

        .table-btn-switch.next-switch-small:after {
            width: 18px;
            height: 18px;
        }

        .table-btn-switch.next-switch-on,
        .table-btn-switch.next-switch-on:focus,
        .table-btn-switch.next-switch-on:hover {
            background: #00B7EE;
        }

        /* 提交 */
        .container-main .next-btn.next-btn-primary.pipe-btn-submit {
            margin-left: 85px;
            border: 1px solid #00B7EE;
            border-radius: 1px;
            background: #00B7EE;
            margin-right: 10px;
            color: #fff;
        }

        .container-main .next-btn.next-btn-primary.pipe-btn-submit:focus,
        .container-main .next-btn.next-btn-primary.pipe-btn-submit:hover,
        .container-main .next-btn.next-btn-primary.pipe-btn-submit.hover,
        .container-main .next-btn.next-btn-primary.pipe-btn-submit:active,
        .container-main .next-btn.next-btn-primary.pipe-btn-submit.active {
            background: #00B7EE;
        }

        /* 返回、取消 */
        .container-main .next-btn.next-btn-primary.pipe-btn-cancel {
            border: 1px solid #F9756B;
            border-radius: 1px;
            background: #F9756B;
            margin-right: 10px;
            color: #fff;
        }

        .container-main .next-btn.next-btn-primary.pipe-btn-cancel:focus,
        .container-main .next-btn.next-btn-primary.pipe-btn-cancel:hover,
        .container-main .next-btn.next-btn-primary.pipe-btn-cancel.hover,
        .container-main .next-btn.next-btn-primary.pipe-btn-cancel:active,
        .container-main .next-btn.next-btn-primary.pipe-btn-cancel.active {
            background: #F9756B;
        }

        /* 上传、导入、导出 */
        .container-main .next-btn.next-btn-primary.pipe-btn-export,
        .container-main .next-btn.next-btn-normal.pipe-btn-export {
            background: url('images/export.png');
            background-repeat: no-repeat;
            background-size: 12px 12px;
            background-position: 10px center;
            border: 1px solid #D2D2D2;
            height: 30px;
            line-height: 30px;
        }

        /* 查询 */
        .container-main .next-btn.next-btn-primary.pipe-btn-search {
            background: url('images/search.png');
            background-repeat: no-repeat;
            background-size: 12px 12px;
            background-position: 10px center;
            background-color: #00B7EE;
            color: #fff;
            border: 1px solid #00B7EE;
            height: 30px !important;
            line-height: 30px !important;
        }

        /* 输入框 */
        .container-main .next-input {
            border: 1px solid #eee;
            font-size: 12px;
        }

        .container-main .next-input input {
            color: #999;
        }

        .container-main .next-input:hover,
        .container-main .next-input.next-focus {
            border-color: #00B7EE;
        }


        /* 修改Dialog（管理页面） */
        .pipe-dialog .next-dialog-footer .next-btn.next-btn-primary,
        .pipe-dialog .next-dialog-footer .next-btn.next-btn-primary:focus,
        .pipe-dialog .next-dialog-footer .next-btn.next-btn-primary:hover,
        .pipe-dialog .next-dialog-footer .next-btn.next-btn-primary.hover,
        .pipe-dialog .next-dialog-footer .next-btn.next-btn-primary:active,
        .pipe-dialog .next-dialog-footer .next-btn.next-btn-primary.active {
            background-color: #00B7EE;
            border-color: #00B7EE;
            border-radius: 1px;
        }

        .pipe-dialog .next-dialog-footer .next-btn.next-btn-normal,
        .pipe-dialog .next-dialog-footer .next-btn.next-btn-normal:focus,
        .pipe-dialog .next-dialog-footer .next-btn.next-btn-normal:hover,
        .pipe-dialog .next-dialog-footer .next-btn.next-btn-normal.hover,
        .pipe-dialog .next-dialog-footer .next-btn.next-btn-normal:active,
        .pipe-dialog .next-dialog-footer .next-btn.next-btn-normal.active {
            background-color: #F9756B;
            border-color: #F9756B;
            border-radius: 1px;
            color: #fff;
        }


        /* 表格 */
        .container-main .next-table.next-table-small td .next-table-cell-wrapper {
            padding: 6px 4px;
        }

        .container-main .next-table-body,
        .container-main .next-table-header {
            font-size: 12px;
        }

        .container-main .next-table th {
            background: #eee;
            color: #999;
            border-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
        }

        .container-main .next-table td {
            color: #666;
            border-color: #eee;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
        }

        .container-main .next-table th > div {
            padding: 10px;
        }

        .container-main .next-table td > div {
            padding: 6px 4px;
        }

        /* 表格下拉框 */
        .table-btn-select.next-select .next-input {
            background-color: #f5f5f5;
            border-color: #f5f5f5;
        }

        /* 单选按钮 */
        .table-btn-radio-group .next-radio-wrapper.checked .next-radio-inner,
        .table-btn-radio-group .next-radio-wrapper.checked:not(.disabled):hover .next-radio-inner, .next-radio-wrapper.checked:not(.disabled).hovered .next-radio-inner, .next-radio-wrapper.checked:not(.disabled):focus .next-radio-inner, .next-radio-wrapper.checked.focused .next-radio-inner {
            border-color: #00B7EE;
            background: #00B7EE;
        }

        /* 分页器----管理页面 */
        .page-demo.next-pagination {
            text-align: right;
        }

        .page-demo.next-pagination .next-pagination-item:not([disabled]) {
            background: #dcdcdc;
            border-color: #dcdcdc;
            color: #333;
        }

        .page-demo.next-pagination.next-small .next-pagination-list {
            margin: 0 5px 0 0 !important;
        }

        .page-demo.next-pagination.next-small .next-pagination-list .next-btn {
            margin-left: 5px;
        }

        .page-demo.next-pagination .next-pagination-item.next-current {
            border-color: #00B7EE;
            background: #00B7EE;
            color: #fff;
        }

        .page-demo.next-pagination.next-small .next-pagination-item + .next-pagination-item {
            /* margin: 0; */
        }

        .page-demo.next-pagination.next-small .next-pagination-item {
            border-radius: 1px;
        }

        .page-demo.next-pagination.next-small .next-pagination-item.next-prev,
        .page-demo.next-pagination.next-small .next-pagination-item.next-next {
            background: #fff;
            border-color: #d2d2d2;
            color: #666;
        }

        .page-demo.next-pagination.next-small .next-pagination-item.next-prev[disabled],
        .page-demo.next-pagination.next-small .next-pagination-item.next-next[disabled] {
            cursor: not-allowed;
            color: #E0E0E0;
            background-color: #F7F8FA;
            border-color: #E6E7EB;
        }


        /* 推荐布局弹框样式修改 */
        /* 下拉框选项 */
        .creat-new-panel-dailog .next-dialog-body .next-select .next-select-inner {
            background: #1c222b;
            border: 1px solid #0b0c0d;
            border-radius: 0;
        }

        /* .dailog-select  */
        .next-select-menu {
            background:  #fff !important;
            border: 1px solid #0b0c0d !important;
            border-radius: 0 !important;
        }

        /* .dailog-select  */
        .next-select-menu .next-menu-item {
            border-color: #C4C6CF;
            background:  #fff !important;
            font-size: 12px;
            color: #0b0c0d;
        }

        /* .dailog-select  */
        .next-select-menu .next-menu-item:hover,
            /* .dailog-select  */
        .next-select-menu .next-focused {
            background: #2483ff !important;
            color: #fff !important;
        }

        .creat-new-panel-dailog .next-dialog-body .next-input input,
        .creat-new-panel-dailog .next-dialog-body .next-input.next-medium .next-input-text-field {
            color: #fff !important;
        }

        .creat-new-panel-dailog .next-dialog-body .next-input.next-disabled input,
        .creat-new-panel-dailog .next-dialog-body .next-input input::-webkit-input-placeholder {
            color: #666 !important;
        }

        /* 弹框头部和尾部 */
        .creat-new-panel-dailog .next-dialog-header {
            color: #fff !important;
        }

        .creat-new-panel-dailog .next-dialog-footer .next-btn {
            border-radius: 0 !important;
            border-color: #1c222b !important;
            background: #303640 !important;
            font-size: 12px;
            color: #a1aeb3 !important;
            height: 30px;
            line-height: 30px;
            text-align: center;
            width: 100px;
        }

        .creat-new-panel-dailog .next-dialog-footer .next-btn-primary {
            background: #2483ff !important;
            border-color: #2483ff !important;
            color: #fff !important;
        }

        /* 全局变量弹框表格 */
        .next-table.global-Dailog-table {
            margin-bottom: 20px;
        }

        .next-table.global-Dailog-table th,
        .next-table.global-Dailog-table td {
            border-color: #1c222b;
            background: #303640;
            font-size: 12px;
            color: #a1aeb3;
            text-align: center;
        }

        .next-table.global-Dailog-table th .next-table-cell-wrapper,
        .next-table.global-Dailog-table td .next-table-cell-wrapper {
            height: 30px;
            line-height: 30px;
            padding: 0;
        }

        .next-table.global-Dailog-table td .next-table-cell-wrapper .global-select {
            width: 150px;
        }


        /* 推荐布局页分页样式修改 */
        .custom-pagination .next-btn {
            background: #303640 !important;
            color: #a1aeb3 !important;
            border-color: #1c222b !important;
            border-radius: 0 !important;
        }

        .custom-pagination .next-current {
            background: #2483ff !important;
            border-color: #2483ff !important;
            color: #fff !important;
        }

        .custom-pagination .next-pagination-jump-text,
        .custom-pagination .next-pagination-jump-input,
        .custom-pagination .next-pagination-jump-go {
            display: none;
        }


        /* 面板页面---折叠面板修改 */
        .collapse-panel-list {
            background: #191c21 !important;
            /* border: 1px solid #2e343c !important; */
            border-width: 0 !important;
            border-radius: 0 !important;
        }

        .collapse-panel-list .next-collapse-panel-title {
            background: #191c21 !important;
            color: #bcc9d4 !important;
            border-bottom: 1px solid #2e343c !important;
            font-size: 12px !important;
        }

        .collapse-panel-list .next-collapse-panel-title .next-icon {
            color: #bcc9d4 !important;
        }

        .collapse-panel-list .next-collapse-panel:not(:first-child) {
            border-top-width: 0 !important;
        }

        .collapse-panel-list .next-collapse-panel-content {
            background: #191c21 !important;
            border-bottom: 1px solid #2e343c !important;
        }

        .collapse-panel-list-right {
            border-top-color: #2e343c !important;
            /* border-left: 1px solid #000 !important; */
        }

        .collapse-panel-list-right .next-collapse-panel-title,
        .collapse-panel-list-right .next-collapse-panel-content .next-radio-label {
            color: #fff !important;
            font-size: 12px !important;
        }

        .collapse-panel-list-right .next-collapse-panel-title .next-icon {
            color: #fff !important;
        }

        .collapse-panel-list-right .next-radio-wrapper .next-radio-inner,
        .collapse-panel-list-right .next-radio-wrapper .next-radio input[type="radio"] {
            width: 12px !important;
            height: 12px !important;
        }

        .collapse-panel-list-right .next-collapse-panel-content {
            padding: 0 16px !important;
        }


        /* 配置面板--全局变量 */
        .global-select.next-select .next-select-inner {
            background: #1c222b;
            border: 1px solid #0b0c0d;
            border-radius: 0;
            color: #fff;
            font-size: 12px;
        }

        .global-select.next-select .next-select-inner .next-select-single .next-select-values > em,
        .global-select.next-select .next-input.next-medium input {
            font-size: 12px;
        }

        .global-select.next-select .next-tag-closable.next-tag-level-primary {
            color: #fff;
            border-color: #0b0c0d;
            background-color: #1c222b;
        }


        /*谷歌、safari、qq浏览器、360浏览器滚动条样式*/
        /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
            background-color: #F7F7F7;
        }

        /*定义滚动条轨道 内阴影+圆角*/
        ::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #F7F7F7;
            border-radius: 8px;
        }

        /*定义滑块 内阴影+圆角*/
        ::-webkit-scrollbar-thumb {
            -webkit-box-shadow: inset 0 0 6px #D2D2D2;
            background: rgba(0, 0, 0, 0.4);
            border-radius: 8px;
        }

        /*滑块效果*/
        ::-webkit-scrollbar-thumb:hover {
            -webkit-box-shadow: inset 0 0 6px #D2D2D2;
            background: rgba(0, 0, 0, 0.4);
            border-radius: 8px;
        }

        /* 操作面板内滚动条样式 */
        /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
        .scrollStyleBox::-webkit-scrollbar {
            width: 8px;
            height: 8px;
            background-color: #1c222b;
        }

        /*定义滚动条轨道 内阴影+圆角*/
        .scrollStyleBox::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #1c222b;
        }

        /*定义滑块 内阴影+圆角*/
        .scrollStyleBox::-webkit-scrollbar-thumb {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
            background-color: #434b55;
        }

        /*滑块效果*/
        .scrollStyleBox::-webkit-scrollbar-thumb:hover {
            -webkit-box-shadow: inset 0 0 6px #2483ff;
            /* -webkit-box-shadow: inset 0 0 6px 6px #2483ff; */
            background: rgba(0, 0, 0, 0.4);
        }


        /* 提示信息框 */
        .next-message.next-medium .next-message-title {
            line-height: 20px !important;
            font-size: 14px !important;
        }

        .next-message.next-medium {
            padding: 6px 10px !important;
        }

        .next-message-success {
            background-color: #e4fdda !important;
            border-color: #e4fdda !important;
        }

        .next-message-warning {
            background-color: #fff3e0 !important;
            border-color: #fff3e0 !important;
        }

        .next-message-error {
            background-color: #ffece4 !important;
            border-color: #ffece4 !important;
        }

        .next-message-help {
            background-color: #e3fff8 !important;
            border-color: #e3fff8 !important;
        }

        .next-message-notice {
            background-color: #e3f2fd !important;
            border-color: #e3f2fd !important;
        }

        .next-cascader-menu-wrapper {
            width: 350px !important;
        }


        /* 表单提示信息 */
        .next-form-item-help {
            margin-top: -2px !important;
        }


        /* 预览页面分页样式 */
        .Pagination-table.next-pagination {
            text-align: right;
        }

        .Pagination-table.next-pagination .next-pagination-item:not([disabled]) {
            background: rgba(234, 254, 255, 0.1);
            border-color: rgba(234, 254, 255, 0.1);
            color: #C5FCFF;
        }

        .Pagination-table.next-pagination.next-small .next-pagination-list {
            margin: 0 5px 0 0 !important;
        }

        .Pagination-table.next-pagination.next-small .next-pagination-list .next-btn {
            margin-left: 5px;
        }

        .Pagination-table.next-pagination .next-pagination-item.next-current {
            border-color: #669DAD;
            background: #669DAD;
            /* rgba(102,157,173,0.4) */
            color: #C5FCFF;
        }

        .Pagination-table.next-pagination.next-small .next-pagination-item {
            border-radius: 2px;
        }

        .Pagination-table.next-pagination.next-small .next-pagination-item.next-prev,
        .Pagination-table.next-pagination.next-small .next-pagination-item.next-next {
            background: rgba(234, 254, 255, 0.1);
            border-color: rgba(234, 254, 255, 0.1);
            color: #C5FCFF;
        }

        .Pagination-table.next-pagination.next-small .next-pagination-item.next-prev[disabled],
        .Pagination-table.next-pagination.next-small .next-pagination-item.next-next[disabled] {
            cursor: not-allowed;
            background: rgba(234, 254, 255, 0.1);
            border-color: rgba(234, 254, 255, 0.1);
            color: #C5FCFF;
        }

        .Pagination-table.next-pagination.next-small .next-pagination-item.next-prev:not([disabled]) i,
        .Pagination-table.next-pagination.next-small .next-pagination-item.next-next:not([disabled]) i {
            color: #C5FCFF;
        }

        .Pagination-table.next-pagination .next-pagination-display,
        .Pagination-table.next-pagination .next-pagination-jump-text,
        .Pagination-table.next-pagination .next-input.next-pagination-jump-input,
        .Pagination-table.next-pagination .next-pagination-jump-text,
        .Pagination-table.next-pagination .next-btn.next-btn-normal.next-pagination-jump-go {
            display: none;
        }

        .Pagination-table.next-pagination .next-pagination-total {
            color: #C5FCFF;
            font-weight: 700;
        }

        .Pagination-table.next-pagination.next-small .next-pagination-item:hover.next-prev:not([disabled]) i,
        .Pagination-table.next-pagination.next-small .next-pagination-item:hover.next-next:not([disabled]) i {
            color: #C5FCFF;
        }


        /* 弹窗按钮 */
        .container-dailog .next-btn.next-btn-normal {

        }

        /* .container-dailog  */
        .next-btn.next-btn-primary {
            border: 1px solid #00B7EE;
            border-radius: 1px;
            background: #00B7EE;
            color: #fff;
        }

        /* tab */
        .container-tab.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab.active {
            color: #00B7EE;
            font-weight: 700;
        }

        .container-tab.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab:before {
            border-bottom: 2px solid #00B7EE;
            border-radius: 2px;
        }

        .container-tab.next-tabs-pure > .next-tabs-bar {
            border-bottom-width: 0px;
        }

        .container-tab.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab.active:before {
            width: 50%;
            left: 25%;
            border-bottom-width: 3px;
        }

        /* 埋点管理--手机样式 */
        .container-phone {
            box-sizing: border-box;
            width: 281px;
            height: 580px;
            float: right;
            position: relative;
            margin-right: -140px;
            right: 20%;
        }

        .container-phone .imgStyle {
            width: 281px;
            height: 580px;
            position: absolute;
        }

        .container-phone .innerImgStyle {
            width: 254px;
            height: 442px;
            position: absolute;
            left: 13px;
            top: 67px;
        }


        /* 高德地图 */
        .amap-icon {
            border-radius: 20px;
            /* background-color: #ADD8E6; */
            background-color: #eef3fa;
            /* border: 1px solid red; */
        }

        .amap-ui-infowindow-close {
            display: none;
        }

        .amap-ui-smp-ifwn-content-body {
            border-radius: 10px !important;
        }

        .amap-ui-smp-ifwn-content-body .amap-ui-infowindow-title.amap-ui-smp-ifwn-info-title {
            border-bottom-width: 0 !important;
            font-size: 12px;
        }

        .amap-ui-smp-ifwn-content-body .my-desc {
            font-size: 10px;
        }

        /* 百度地图 */
        .maptalks-control {
            display: none;
        }

        /* 时间选择器 */
        .next-overlay-wrapper .next-overlay-inner {
            z-index: 100001 !important;
        }


        /* 高德地图marker */
        .amap-marker-label {
            border: 0px solid blue;
            background-color: transparent;
        }


        /* 修改时间组件弹窗样式 */
        .next-date-picker-body {

        }

        .next-date-picker-body,
        .next-range-picker-body,
        .next-month-picker-body,
        .next-year-picker-body {
            background: url('./images/date_bg.png') no-repeat !important;
            background-size: 100% 100% !important;
            background-color: transparent !important;
            border-width: 0 !important;
        }

        .next-date-picker-body .next-date-picker-panel-header .next-input {
            border-width: 0;
        }

        .next-date-picker-body .next-date-picker-panel-header .next-input input {
            color: #BDE9FF;
        }

        .next-date-picker-body .next-calendar-panel-header {
            background: transparent !important;
        }

        .next-calendar-card .next-calendar-th,
        .next-calendar-panel .next-calendar-th,
        .next-calendar-range .next-calendar-th {
            color: #BDE9FF !important;
        }

        .next-date-picker-body .next-calendar-btn-prev-year,
        .next-date-picker-body .next-calendar-btn-prev-year:link,
        .next-date-picker-body .next-calendar-btn-prev-year:visited,
        .next-date-picker-body .next-calendar-btn-prev-year.visited,
        .next-date-picker-body .next-calendar-btn-prev-month,
        .next-date-picker-body .next-calendar-btn-prev-month:link,
        .next-date-picker-body .next-calendar-btn-prev-month:visited,
        .next-date-picker-body .next-calendar-btn-prev-month.visited,
        .next-date-picker-body .next-calendar-btn-prev-decade,
        .next-date-picker-body .next-calendar-btn-prev-decade:link,
        .next-date-picker-body .next-calendar-btn-prev-decade:visited,
        .next-date-picker-body .next-calendar-btn-prev-decade.visited,
        .next-date-picker-body .next-calendar-btn-next-month,
        .next-date-picker-body .next-calendar-btn-next-month:link,
        .next-date-picker-body .next-calendar-btn-next-month:visited,
        .next-date-picker-body .next-calendar-btn-next-month.visited,
        .next-date-picker-body .next-calendar-btn-next-year,
        .next-date-picker-body .next-calendar-btn-next-year:link,
        .next-date-picker-body .next-calendar-btn-next-year:visited,
        .next-date-picker-body .next-calendar-btn-next-year.visited,
        .next-date-picker-body .next-calendar-btn-next-decade,
        .next-date-picker-body .next-calendar-btn-next-decade:link,
        .next-date-picker-body .next-calendar-btn-next-decade:visited,
        .next-date-picker-body .next-calendar-btn-next-decade.visited {
            color: #BDE9FF !important;
        }

        .next-date-picker-body .next-calendar-panel-header-left .next-calendar-btn,
        .next-date-picker-body .next-calendar-panel-header-left .next-calendar-btn:link,
        .next-date-picker-body .next-calendar-panel-header-left .next-calendar-btn:visited,
        .next-date-picker-body .next-calendar-panel-header-left .next-calendar-btn.visited,
        .next-date-picker-body .next-calendar-panel-header-right .next-calendar-btn,
        .next-date-picker-body .next-calendar-panel-header-right .next-calendar-btn:link,
        .next-date-picker-body .next-calendar-panel-header-right .next-calendar-btn:visited,
        .next-date-picker-body .next-calendar-panel-header-right .next-calendar-btn.visited,
        .next-date-picker-body .next-calendar-panel-header-full .next-calendar-btn,
        .next-date-picker-body .next-calendar-panel-header-full .next-calendar-btn:link,
        .next-date-picker-body .next-calendar-panel-header-full .next-calendar-btn:visited,
        .next-date-picker-body .next-calendar-panel-header-full .next-calendar-btn.visited {
            color: #BDE9FF !important;
        }

        .next-date-picker-body .next-calendar-card .next-calendar-date,
        .next-date-picker-body .next-calendar-panel .next-calendar-date,
        .next-date-picker-body .next-calendar-range .next-calendar-date {
            background: transparent !important;
            border-width: 0 !important;
            color: #9CACC1 !important;
        }

        .next-date-picker-body .next-calendar-card .next-calendar-cell-next-month .next-calendar-date,
        .next-date-picker-body .next-calendar-panel .next-calendar-cell-next-month .next-calendar-date,
        .next-date-picker-body .next-calendar-range .next-calendar-cell-next-month .next-calendar-date {
            background: transparent !important;
            border-width: 0 !important;
            color: #8C8D8F !important;
        }

        .next-date-picker-body .next-calendar-card .next-calendar-cell.next-selected .next-calendar-date,
        .next-date-picker-body .next-calendar-card .next-calendar-cell.next-selected .next-calendar-month,
        .next-date-picker-body .next-calendar-card .next-calendar-cell.next-selected .next-calendar-year,
        .next-date-picker-body .next-calendar-panel .next-calendar-cell.next-selected .next-calendar-date,
        .next-date-picker-body .next-calendar-panel .next-calendar-cell.next-selected .next-calendar-month,
        .next-date-picker-body .next-calendar-panel .next-calendar-cell.next-selected .next-calendar-year,
        .next-date-picker-body .next-calendar-range .next-calendar-cell.next-selected .next-calendar-date,
        .next-date-picker-body .next-calendar-range .next-calendar-cell.next-selected .next-calendar-month,
        .next-date-picker-body .next-calendar-range .next-calendar-cell.next-selected .next-calendar-year {
            background: #2566A7 !important;
            border-color: #2566A7 !important;
            color: #9CACC1 !important;
        }

        .next-date-picker-body .next-date-picker-panel-footer,
        .next-date-picker-body .next-range-picker-panel-footer,
        .next-date-picker-body .next-month-picker-panel-footer,
        .next-date-picker-body .next-year-picker-panel-footer {
            border-top: 1px solid #2566A7 !important;
        }

        .next-date-picker-body .next-btn.next-btn-primary {
            background: #2566A7 !important;
            border-color: #2566A7 !important;
            color: #9CACC1 !important;
        }

        .next-date-picker-body .next-time-picker-menu-title,
        .next-date-picker-body .next-time-picker-menu-item {
            background: transparent !important;
            border-width: 0 !important;
            color: #9CACC1 !important;
        }

        .next-date-picker-body .next-time-picker-menu-item.next-selected {
            background: #2566A7 !important;
            color: #9CACC1 !important;
        }

        .next-date-picker-body .next-date-picker-panel-time,
        .next-date-picker-body .next-range-picker-panel-time,
        .next-date-picker-body .next-month-picker-panel-time,
        .next-date-picker-body .next-year-picker-panel-time {
            border-top: 1px solid #2566A7 !important;
        }

        .next-time-picker-menu:not(:last-child) {
            border-right: 1px solid #2566A7 !important;
        }


        .form-title, .pipe-from .form-title {
            width: 100%;
            height: 60px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
            font-weight: 700;
            color: #121e44;
        }

        .descriptions_info {
            line-height: 44px;
        }
        .el-table {
            position: relative;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            width: 100%;
            max-width: 100%;
            background-color: #FFFFFF;
            font-size: 14px;
            color: #606266;
        }
        .el-table th.is-leaf, .el-table td {
            border-bottom: 1px solid #dfe6ec;
        }
        .el-table--medium th, .el-table--medium td {
            padding: 10px 0;
        }
        .el-table th, .el-table td {
            padding: 12px 0;
            min-width: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-overflow: ellipsis;
            vertical-align: middle;
            position: relative;
            text-align: left;
        }
        .el-table tr {
            background-color: #FFFFFF;
        }
        .el-table th > .cell {
            display: inline-block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            front-size:12px;
            vertical-align: middle;
            padding-left: 10px;
            padding-right: 10px;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            word-break: break-all;
            line-height: 23px;
        }
        .el-table th.is-leaf, .el-table td {
            border-bottom: 1px solid #dfe6ec;
        }
        .el-table--medium th, .el-table--medium td {
            padding: 10px 0;
        }
        .is-always-shadow {
            -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0/10%);
            box-shadow: 0 2px 12px 0 rgb(0 0 0/10%);
        }
        .indexContainer{
            width: 100%;
            height: calc(100% - 1px);
            front-size: 12px !important;
        }
        .next-tabs.next-medium .next-tabs-tab-inner{
            font-size: 16px !important;
            padding: 12px 16px !important;
        }
        .next-table.next-table-small td .next-table-cell-wrapper{
            padding: 6px 4px !important;
        }
    </style>
</head>

<body>
<div id="ice-container"></div>
</body>
</html>
